import React from 'react'
import { Layout, ConfigProvider, theme } from 'antd'
import PendulumExperimentPlatform from './components/PendulumExperimentPlatform'

const { Content } = Layout

function App() {
  return (
    <ConfigProvider
      theme={{
        algorithm: theme.darkAlgorithm,
        token: {
          colorPrimary: '#4fc3f7',
          colorBgContainer: 'rgba(15, 20, 60, 0.75)',
          colorBgElevated: 'rgba(15, 20, 60, 0.9)',
          colorText: '#ffffff',
          colorTextSecondary: '#b0bec5',
          borderRadius: 18,
        },
      }}
    >
      <Layout style={{ minHeight: '100vh', background: 'transparent' }}>
        <Content style={{ padding: '24px', background: 'transparent' }}>
          <PendulumExperimentPlatform />
        </Content>
      </Layout>
    </ConfigProvider>
  )
}

export default App
